<?php
/*
  This page displays mostly static text w/ only a few glossary items.
*/
?>

<?php
  include_once('util.php');
  $glossary = buildGlossary('Started');
?>

<body>

    <div id="site">
<?php include_once('header.php')?>
        <div id="content" style="max-height:520px;">

            <div class="home-screen clearfix">

                <div class="left-column" style="width: 100% !important;">
                    <h2>What you need to know before getting started:</h2>
                                                                                <ul style="list-style: disc; margin-left: 0; margin-top: 10px; width: 815px;">
                                                                                        <li style="margin-left: 2em; margin-top: 10px;">The <?php echo $glossary['EPA Designated Discharge permit']['a']?> requires owners in the Charles River Watershed whose properties have two or more acres of pavement and building(s) on them, also known as "impervious" cover, to meet  <?php echo $glossary['stormwater reductions']['a']?> for their property. <a class="info" id="designated discharge" href="#">Click here</a> to learn more about the Designated Discharge definition.<?php echo $glossary['EPA Designated Discharge permit']['div']?><?php echo $glossary['stormwater reductions']['div']?></li>
                                                                                        <li style="margin-left: 2em; margin-top: 10px;">Blue Cities exchange makes recommendations to landowners on ways to improve their parcel to protect the Charles River. <a class="info" id="improve properties to protect the Charles" href="#">Click here</a> to learn more about to how improve properties to protect the Charles.</li>
                                                                                        <li style="margin-left: 2em; margin-top: 10px;">This website uses a number of publicly available datasets to choose the best site improvement for a particular parcel. <a class="info" id="data used to make this recommendation" href="#">Click here</a> to learn more about the data used to make this recommendation.</li>
                                                                                        <li style="margin-left: 2em; margin-top: 10px;">Exchange also allows landowners to earn credits by registering approved stormwater reductions.  Credits may be sold through the Exchange credit trading market.</li>
                                                                                        <li style="margin-left: 2em; margin-top: 10px;">Landowners who face limitations due to implementation cost and/or underlying <?php echo $glossary['geologic']['a']?> material on their property may choose to buy stormwater <?php echo $glossary['reduction credits']['a']?> from another property using the trading system.<?php echo $glossary['geologic']['div']?><?php echo $glossary['reduction credits']['div']?></li>
                                                                                </ul>
                                                                                <p style="font-weight: bold; font-size: 14px; float: left;">Ok, Let's get started:</p>
                                                                                <p style="font-weight: bold; font-size: 14px; margin-left: 520px;">Or, Still need more information?</p>
                                                                                <a href="?page=introGuide"><img src="images/introductory_track.png" alt="Introductory Track -  Step by step instructions to learn about your parcel, potential stormwater improvements and trading options.*" title="Introductory Track -  Step by step instructions to learn about a property, potential stormwater improvements and trading options." /></a>
                                                                                <a href="?page=proLocation"><img src="images/professional_track.png" alt="Professional Track - Less instruction and more advanced features for property specific design and trading. For Engineers, technicians,  developers, etc." title="Professional Track - Less instruction and more advanced features for property specific design and trading. For engineers, technicians,  developers, etc." style="margin-left: 10px;" /></a>
                                                                                <a href="?page=faq"><img src="images/learn_more_but.png" style="vertical-align: top; margin-left: 150px;" alt="Learn More" title="Learn More" /></a>
            </div>
            *Note: Users wishing to modify an existing storm water control structure must use the Professional Track.
        </div>
<?php include_once('footer.php')?>
    </div>
<script type="text/javascript">
<?php
  foreach ($glossary as $k => $v) {
    $tNoSpace = str_replace(' ','',$k);
    echo '$(\'a#glossary_t_'.$tNoSpace.'\').click(function(e){e.preventDefault();}).hover(function(e){$(\'#glossary_d_'.$tNoSpace.'\').show();}, function(e){$(\'#glossary_d_'.$tNoSpace.'\').hide();});'."\n";
  }
?>
</script>
    <script type="text/javascript">
      $(document).ready(function(){
        var clickHereLinks = initClickHereLinks('getStarted'),
        infoWindow = $('table#info-window');
        $('a.info').click(function(e){
          e.preventDefault();
          $('table#info-window tr:eq(1) td:first').html(clickHereLinks[$(this).attr('id')]);
          infoWindow.show()
        });
        $('table#info-window tr td a').click(function(e){
          e.preventDefault();
          infoWindow.hide();
        });
        $('body').live('keydown', function (e) {
            if (infoWindow.css('display') != 'none'){
                var charCode = e.charCode || e.keyCode;
                if (charCode == 27)
                    infoWindow.css('display', 'none');
            }
        });
      });
    </script>
    <table id="info-window">
      <tr><td style="margin:0;padding:4px 7px 0 0;text-align:right;font-size: 16px;font-weight:bold;"><a href="" style="text-decoration:none;">X</a></td></tr>
      <tr><td style="padding-top:0;"></td></tr>
      <tr><td style="text-align: center; padding: 0;"><a href="">close</a></td></tr>
    </table>
</body>
